我的感想

2025-12-25

我喜欢上了 tanstack/router ,它让我知道在什么地方,应该做什么。有种熟悉的感觉,就是vue的生命周期的那种感觉。其中有很多内容与nextjs类似,学习的过程中,nextjs的内容也回忆起来了。

之前对react project最大的迟疑就是不知道代码该怎么组织,需要考虑的东西太多了。现在有了 tanstack/router ,我就知道按照 routes 来组织代码即可。

2025-12-28

我的经历限制了我的想象,因为我之前一直在做后台管理系统这种类型的项目,所以我感觉nextjs有点功能不足的样子。就是说交互处理很麻烦,要把组件变为client components,想起来都头皮发麻,我会不会把所有组件都变为客户端组件???

实际上tanstack 和 nextjs 各有千秋,一句话总结:

我就是对需要SEO、营销落地页这些项目不熟悉,所以才会觉得nextjs没什么。

“首要目标是 SEO” 意味着你的流量命脉在 Google/百度/必应的搜索结果里;“内容频繁更新” 意味着你不能只做成静态页面,数据每小时甚至每分钟都在变。

以下是这类项目的典型例子:

1. 电商平台(如淘宝、亚马逊、得物)

2. 资讯/行情/类媒体平台(如雪球、CoinMarketCap、知乎)

3. 招聘/房产/二手车平台(如 Boss直聘、链家、闲鱼)

为什么 Next.js 适合这种项目?

这类项目有一个核心痛点:平衡“快”与“准”

Next.js 的“杀手锏”功能:ISR (Incremental Static Regeneration,增量静态再生) 它允许你这样做:

  1. 页面第一次被访问时,Next.js 生成静态页面送给用户(速度极快,SEO 极好)。
  2. 你可以设置一个时间(比如 60 秒)。
  3. 60 秒后如果有新访问,Next.js 会在后台默默地去数据库抓取新数据,生成一个新的静态页面替换掉旧的。

这就是为什么“内容频繁更新”且“依赖搜索流量”的应用首选 Next.js。

其实仔细想一想,我在淘宝网上有很多交互吗?没有啊,就是查询一下,然后点击购买,然后支付。之后就等着查看物流状态,最多就是在个人页面有一些交互,这些交互都不重,就是一些简单的表单而已。

至于淘宝网上的内容CRUD,完全可以使用另一个网站来处理,也就是后台管理系统,这就可以使用别的技术栈了。

真的,静态网站使用nextjs才是正题。

2025-12-29

这两天在学习nextjs v16 最新的cache components功能。搞得我有点头晕,因为里面有很多概念,这些概念的使用起来看上去很简单,但是真的要组合起来用,难度很大。而且就是一个页面,使用了很多技术来优化。这在我看来可能没有价值,但是真的,对广告来说,速度就是一切。

我的感觉就是,nextjs追求的是极致快速的渲染。为此它创造了很多技术、很多概念。就是非常细致、细枝末节非常多,说起来还真的是有技术含量的,用好还真是不容易。

因此我在学习nextjs,做nextjs项目的时候,可以说唯一的核心就是渲染速度,追求的就是这一点。理解了这一点,学习起来,做项目都有方向了。